<template>
	<view class="bg-l">
		<view class="flex a-c j-c cff index-q">
			<image style="width: 600rpx;" src="../../../static/the.png" mode="widthFix"></image>
		</view>
		<view class="flex a-c j-c cff index-log">
			记录我的旅行足迹
		</view>
		<view class="flex j-c a-c index-but" style="bottom: 300rpx;">
			<view class="">
				<button class="zuji" @click="on_addr">添加足迹</button>
			</view>
		</view>
		<view class="flex j-c a-c index-but" style="bottom: 0rpx;" v-if="weixin_banner_ad">
			<view class="" style="height: 300rpx;width: 100%;">
				<ad :unit-id="weixin_banner_ad"></ad>
			</view>
		</view>
	</view>
</template>

<script>
	import $plugin from '@/common/plugin/luyouzujiditu/luyouzujiditu.js';
	export default {
		data() {
			return {
				weixin_banner_ad: ""
			}
		},
		onLoad() {
			var set_find = uni.getStorageSync('set_find');
			this.weixin_banner_ad = set_find.weixin_banner_ad
			uni.hideTabBar()
		},
		onShareAppMessage(res) {
			return {
				title: "记录旅行足迹",
				path: '/pages/luyouzujiditu/index/index'
			}
		},

		onShareTimeline(res) {
			return {
				title: "记录旅行足迹",
				path: '/pages/luyouzujiditu/index/index'
			}
		},
		methods: {
			on_addr() {
				uni.navigateTo({
					url: "/pages/luyouzujiditu/map_addr/map_addr"
				})
			},
		}
	}
</script>

<style lang="scss">
	.zuji {
		background: linear-gradient(to right, #FF00FF 0%, #7B68EE 100%);
		color: #fff;
		border-radius: 99rpx;
		padding: 0 60px;
		font-size: 16px;
		letter-spacing: 10px;
	}

	.index-but {
		position: fixed;
		bottom: 150rpx;
		width: 750rpx;
		 
	}

	.index-log {
		letter-spacing: 5px;
		font-weight: 800;
		position: fixed;
		top: 10%;
		width: 750rpx;
		font-size: 40rpx;
	}

	.index-q {
		letter-spacing: 5px;
		font-weight: 800;
		position: fixed;
		top: 20%;
		width: 750rpx;
	}
</style>